<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css" />
	<link type="text/css" rel="stylesheet" href="css/bootstrap-theme.min.css" />
	<link type="text/css" rel="stylesheet" href="css/app.css" />
	<script src="js/jquery-2.1.1.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/checkpass.js"></script>
	<title>451 Template</title>
</head>
<body>
	<div class="container">
		<div class="row page-header">
			<div class="col-md-2 logo">
				<h2>SIGNPORT</h2>	
			</div>
			<div class="col-md-10" class="search_bar">
				<form>
					<input type="search" class="form-control" placeholder="Search..."></input>
				</form>
			</div> 
		</div>
		<div class="row">
			<div class="col-md-2 menu_bar">
				<table>
					<tr>
						<td><a href="http://9gag.com/">Main Page</a></td>
					</tr>
					<tr>
						<td> <a href="http://9gag.com/"> Profile</a></td>
					</tr>
					<tr>
						<td><a href="http://9gag.com/">Notifications</a></td>
					</tr>
					<tr>
						<td><a href="http://9gag.com/">Add Video</a></td>
					</tr>
					<tr>
						<td><a href="http://9gag.com/">Forum</a></td>
					</tr>
					<tr>
					<td><a href="http://9gag.com/">How to use?</a></td>
					</tr>
					<tr>
						<td><a href="http://9gag.com/">FAQ</a></td>
					</tr>
					<tr>
						<td><a href="http://9gag.com/">About us</a></td>
					</tr>
					<tr>
						<td><a href="http://9gag.com/">Log out</a></td>
					</tr>
				</table>
			</div>

			<div class="col-md-6 info_part">
				<h3>User Info</h3>
				<div class="password-change-pane">
					<form class="form-horizontal" role="form">
  						<div class="form-group">
    						<label  class="col-sm-2 control-label">Username</label>
    							<div class="col-sm-10">
      								<input type="text" class="form-control" id="username" placeholder="Username">
    							</div>
 						 </div>
  						<div class="form-group">
    						<label for="pass1" class="col-sm-2 control-label">Password</label>
    							<div class="col-sm-10">
      								<input type="password" class="form-control" id="pass1" placeholder="Password">
    							</div>
  						</div>
  						<div class="form-group">

    						<label for="pass2" class="col-sm-2 control-label">Confirm Password</label>
    							<div class="col-sm-10">
      								<input type="password" class="form-control" id="pass2" placeholder="Password">
    							</div>
    					</div>
  						<div class="form-group">
    						<div class="col-sm-offset-2 col-sm-10">
      							<button type="submit" class="btn btn-default">Change</button>
    						</div>
  						</div>
					</form>	
				</div>
				<h3>Owned Channels</h3>

				<div class="channel_list"> 
					<a href="#" class="list-group-item">Channel 1</a> 
					<a href="#" class="list-group-item">Channel 2</a> <a href="#" class="list-group-item">Channel 3</a> <a href="#" class="list-group-item">Channel 4</a> <a href="#" class="list-group-item">Channel 5</a> <a href="#" class="list-group-item">Channel 6</a>
				</div>
				<h3>Subscribed Channels</h3>
				<div class="channel_list"> 
					<a href="#" class="list-group-item">Channel 1</a> 
					<a href="#" class="list-group-item">Channel 2</a> <a href="#" class="list-group-item">Channel 3</a> <a href="#" class="list-group-item">Channel 4</a> <a href="#" class="list-group-item">Channel 4</a> <a href="#" class="list-group-item">Channel 5</a> <a href="#" class="list-group-item">Channel 6</a> <a href="#" class="list-group-item">Channel 7</a> <a href="#" class="list-group-item">Channel 8</a> <a href="#" class="list-group-item">Channel 9</a> <a href="#" class="list-group-item">Channel 10</a> 
				</div>
					
			</div>

			<div class="col-md-4 video_list">
				<h3>Videos</h3>
				<div class="user_video_list">
						
						<a href="#" class="list-group-item">Video 1</a> 
						<a href="#" class="list-group-item">Video 2</a> <a href="#" class="list-group-item">Video 3</a> <a href="#" class="list-group-item">Video 4</a> <a href="#" class="list-group-item">Video 5</a> <a href="#" class="list-group-item">Video 6</a> <a href="#" class="list-group-item">Video 7</a> <a href="#" class="list-group-item">Video 8</a> <a href="#" class="list-group-item">Video 9</a> <a href="#" class="list-group-item">Video 10</a>
				</div>
			</div>

		</div>
	</div>
</body>
</html>